<template>
  <div class="about">
    <header>
      <div class="back" @click="$router.go(-1)"></div>
      <span>关于美悦</span>
    </header>
    <main>
      <div class="pic">
        <p>美悦</p>
      </div>
      <p class="title">医美微整形平台</p>
      <p class="des">遇见美</p>
      <ul>
        <li class="liebiao">
          <span>美悦介绍</span>
          <div>
            <span></span>
            <span class="icon"> &gt; </span>
          </div>
        </li>
        <li class="liebiao">
          <span>隐私政策</span>
          <div>
            <span></span>
            <span class="icon"> &gt; </span>
          </div>
        </li>
        <li class="liebiao" >
          <span>用户协议</span>
          <div>
            <span></span>
            <span class="icon"> &gt; </span>
          </div>
        </li>
        <li class="liebiao fin">
          <span>求表扬</span>
          <div>
            <span></span>
            <span class="icon"> &gt; </span>
          </div>
        </li>
      </ul>
    </main>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="scss">
.about {
  header {
  width: 100%;
  height: 100px;
  border-bottom: 1px solid #c0c0c0;
  text-align: center;
}
header .back {
  float: left;
  margin-top: 32.5px;
  margin-left: 20px;
  width: 19px;
  height: 35px;
  background: url(https://lanhu.oss-cn-beijing.aliyuncs.com/pshvf6oyob5e2v34gvjdf963utrfrmi7si6b18e2f0-ee71-4c15-a09d-11de00a665d4) -1px -1px
    no-repeat;
  background-size: 20px 37px;
}
header span {
  line-height: 100px;
  font-size: 30px;
}
  main {
    .pic {
      width: 300px;
      height: 300px;
      background-color: #9e9e9e;
      margin: 0 auto;
      margin-top: 100px;
      border-radius: 20px;
      text-align: center;
      line-height: 300px;
      font-size: 80px;
    }
    .title {
      font-size: 40px;
      text-align: center;
      margin-top: 40px;
    }
    .des {
      font-size: 35px;
      color: #9e9e9e;
      text-align: center;
    }
    ul{
      margin-top: 50px;
    }
    .liebiao {
      background-color: white;
      width: 100%;
      height: 75px;
      border-top: 1px solid grey;
      font-size: 30px;
      line-height: 75px;
      color: rgb(38, 38, 38);
    }
    .liebiao span:nth-of-type(1) {
      float: left;
      margin-left: 30px;
    }
    .liebiao div {
      width: 170px;
      height: 68px;
      float: right;
      margin-right: 30px;
    }
    .liebiao div span {
      color: #c0c0c0;
    }
    .liebiao .icon {
      float: right;
    }
    .fin{
      border-bottom: 1px solid grey;
    }
  }
}
</style>
